<div class="page-signin" ng-controller="LoginCtrl">

    <div class="signin-header">
        <section class="logo text-center">
            <h1>{{main.brand}}</h1>
        </section>
    </div>

    <div class="wrapper">
        <div class="main-body">

            <form name="fmrLogin" ng-submit="doLogin()" novalidate="">

                <div class="card bg-white">
                    <div class="card-content">

                        <div class="form-group">
                            <md-input-container>
                                <label data-translate="PAGE_SIGNIN_LABEL_USER"></label>
                                <input type="text" required="" autofocus="" name="user" data-ng-model="loginInfo.user">
                                <div ng-messages="fmrLogin.user.$error" ng-if="fmrLogin.user.$touched && fmrLogin.user.$invalid">
                                    <div ng-message="required"><span data-translate="GENERIC_FORM_ERROR_REQUIRED"></span></div>
                                </div>
                            </md-input-container>
                        </div>

                        <div class="form-group">
                            <md-input-container>
                                <label data-translate="PAGE_SIGNIN_LABEL_PASS"></label>
                                <input type="password" required="" name="pass" data-ng-model="loginInfo.pass">
                                <div ng-messages="fmrLogin.pass.$error" ng-if="fmrLogin.pass.$touched && fmrLogin.pass.$invalid">
                                    <div ng-message="required"><span data-translate="GENERIC_FORM_ERROR_REQUIRED"></span></div>
                                </div>
                            </md-input-container>
                        </div>

                        <div class="divider"></div>
                        <div class="form-group">
                            <a href="#/pages/forgot-password" class="text-muted text-small" data-translate="PAGE_SIGNIN_FORGOT"></a>
                        </div>

                    </div>
                    <div class="card-action no-border text-right">
                        <md-button href="#/pages/signup" type="button" aria-label="Registrarse">
                            <span data-translate="PAGE_SIGNIN_CTA_REGISTER"></span>
                        </md-button>
                        <md-button class="md-raised md-primary" type="submit" aria-label="Entrar">
                            <span data-translate="PAGE_SIGNIN_CTA_SIGN_IN" ng-disabled="fmrLogin.$invalid"></span>
                        </md-button>
                    </div>
                </div>

            </form>

        </div>

    </div>

</div>
